<template>
    <h2>我是 About 的内容</h2>
</template>

<script>
    export default {
        name: 'About',
        mounted() {
            console.log('About 组件挂载完毕了');
            window.aboutRoute = this.$route;
            window.aboutRouter = this.$router;
        },
        beforeDestroy() {
            console.log('About 组件即将被销毁了');
        },

        // 组件内守卫
        // 进入守卫：通过路由规则，进入该组件时被调用
        beforeRouteEnter(to, from, next) {
            console.log('beforeRouteEnter', to, from);
            // 可以根据数据元信息进行判断，因为如果path或者name太多无法全部进行判断
            if (to.meta.isAuth) { // 判断是否需要进行鉴权
                // 如果满足一定的条件就放行，否则就不放行
                if (localStorage.getItem('school') === 'atguigu2') {
                    // // 设置浏览器的头部名称
                    // document.title = to.meta.title || '尚硅谷后端管理系统';
                    next();
                } else {
                    console.log('您没有权限查看！！');
                }
            } else {
                // // 设置浏览器的头部名称
                // document.title = to.meta.title || '尚硅谷后端管理系统';
                next();
            }
        },
        // 离开守卫：通过路由规则，离开该组件时被调用
        beforeRouteLeave(to, from, next) {
            console.log('beforeRouteLeave', to, from);
            // // 设置浏览器的头部名称
            // document.title = to.meta.title || '尚硅谷后端管理系统';
            next();
        }
    }
</script>

<style lang="css">

</style>